@layer base {
  
  body, :host {
    /* Color */
    --Accent1: #ED7344;
--Accent2: #C8D06E;
--Accent3: #472E10;
--Accent4: #F5F1EB;
--Accent5: #988A79;
--Accent6: #EFB7E4;
--Accent7: #EABD27;
--html-block-font-color: var(--Accent3);
--html-block-h1-color: var(--Accent3);
--html-block-link-color: var(--Accent2);
--html-block-quote-color: var(--Accent1);
--SoftClayOrange: #F25C54;
--DeepCharcoal: #2e2e2e;
--WarmOff-White: #FAFAF7;
--GraphiteGrey: #1E1E1E;
--VibrantCoral: #FF6B6B;
--MintGreen: #6EDC9D;
--GoldenYellow: #F9C74F;
--ElectricBlue: #3A86FF;
--NeutralGrey: #D3D3D3;
--Lilac: #B388EB;
--BackgroundLight: #FAFAF7;
--BackgroundDark: #1E1E1E;
--NeutralSurface: #FFFFFF;
--Border: #D3D3D3;
--TextPrimary: #2E2E2E;
--TextSecondary: #6C6C6C;
--TextInverse: #FFFFFF;
--PrimaryCTA: #F25C54;
--PrimaryCTA-Hover: #FF6B6B;
--PrimaryCTA-Active: #E14A45;
--AccentPositive: #6EDC9D;
--AccentPositive-Hover: #57C78A;
--AccentPositive-Active: #45B378;
--AccentWarning: #F9C74F;
--AccentWarning-Hover: #F7B93B;
--AccentWarning-Active: #E5A62F;
--AccentInfo: #3A86FF;
--AccentInfo-Hover: #256DDB;
--AccentInfo-Active: #1A55B6;
--AccentCreative: #B388EB;
--AccentCreative-Hover: #9C6FDF;
--AccentCreative-Active: #8456C9;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-geist: 'Geist',sans-serif;
--font-geistmono: 'Geist Mono',monospace;
--font-fraunces: 'Fraunces',serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
--html-block-font-size: 0.875rem;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --borderRadius: 16px;
--gap: 10px;
    /* Z-index */
    --side-menu: 10;
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .fAOYeh {
    width:100%;
  height:100%;
  background:var(--Accent1);
  align-items:center;
  font-family:Geist;
  flex-direction:row;
  justify-content:center;
  }
      

      
          @media (max-width: 550px) {
            
  .fAOYeh {
    padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  }
      

          }
          
        
      
      
  .BBIfZ {
    width:600px;
  height:100%;
  padding-top:3rem;
  padding-bottom:3rem;
  }
      

      
        
      
      
  .cfYxrk {
    width:250px;
  height:100%;
  display:flex;
  background:var(--Accent1);
  align-items:flex-start;
  padding-top:2rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:2rem;
  justify-content:space-between;
  }
      

      
        
      
      
  .bBwfcA {
    color:var(--Accent3);
  font-family:Geist;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cVcUzk {
    color:var(--Accent4);
  height:20px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  .dLJRUv {
    gap:18px;
  flex:1;
  color:var(--Accent4);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  transition:all 300ms ease;
  align-items:center;
  font-family:ABC Diatype Variable Unlicensed Trial;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .dLJRUv:hover {
    background:var(--Accent1);
  }
      

        
      
      
  .bgXhOo {
    color:var(--Accent1);
  width:100%;
  font-size:2rem;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bzymbE {
    width:100%;
  height:100%;
  display:flex;
  row-gap:3rem;
  max-width:600px;
  column-gap:3rem;
  align-items:center;
  padding-top:3rem;
  padding-bottom:3rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dmtsPM {
    width:100%;
  row-gap:var(--gap);
  background:white;
  column-gap:var(--gap);
  padding-top:24px;
  padding-left:24px;
  padding-right:24px;
  padding-bottom:24px;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
        
      
      
  .eyAmaz {
    width:100%;
  height:100%;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fBgBPZ {
    width:100%;
  display:flex;
  row-gap:24px;
  max-width:600px;
  column-gap:24px;
  align-items:center;
  justify-content:flex-start;
  }
      

      
        
      
      
  .BcVex {
    flex:0;
  width:100%;
  row-gap:24px;
  column-gap:24px;
  }
      

      
        
      
      
  .fnffQm {
    flex:1;
  width:100%;
  display:flex;
  row-gap:var(--gap);
  column-gap:var(--gap);
  align-items:flex-end;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .cQfird {
    flex:2;
  width:100%;
  }
      

      
        
      
      
  .dxzLBD {
    width:100%;
  height:100%;
  opacity:0;
  translate:0 80px 0;
  transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  align-items:center;
  justify-content:center;
  }
      

      
  .dxzLBD.fade-in {
    opacity:1;
  translate:0 0 0;
  }
      

        
      
      
  .efLxjd {
    width:100%;
  height:100%;
  z-index:9;
  position:relative;
  transition:background-color 200ms ease 0ms , border-color 200ms ease 0ms ;
  align-items:center;
  font-family:inherit;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fktrTW {
    color:var(--Accent3);
  }
      

      
        
      
      
  .bbEAHO {
    width:24px;
  height:24px;
  transition:all 300ms ease;
  border-color:var(--Accent3);
  border-style:Dashed;
  border-width:1.5px;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
  .bbEAHO.active {
    width:24px;
  height:24px;
  padding-top:4px;
  border-color:var(--Accent4);
  border-style:Dashed;
  border-width:1.5px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:4px;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      


  .bbEAHO.completed {
    width:24px;
  height:24px;
  display:flex;
  background:var(--Accent4);
  transition:all 300ms ease;
  align-items:center;
  border-color:var(--Accent4);
  border-style:Solid;
  border-width:1.5px;
  justify-content:center;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

        
      
      
  .kpgyE {
    row-gap:1rem;
  column-gap:1rem;
  }
      

      
        
      
      
  .gucRd {
    width:16px;
  height:16px;
  display:flex;
  background: var(--bg-soft);
  transition:all 400ms ease-in-out  ;
  align-items:center;
  padding-top:1.5px;
  padding-left:1.5px;
  padding-right:1.5px;
  padding-bottom:1.5px;
  justify-content:center;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
  .gucRd.selected {
    background: var(--stroke-strong);
  padding-top:4px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:4px;
  }
      

        
      
      
  .bunldU {
    gap:14px;
  color:var(--Accent3);
  width:100%;
  cursor:pointer;
  display:flex;
  background: var(--bg-white);
  transition:all 400ms ease  ;
  align-items:center;
  padding-top:1rem;
  border-color:#472e101a;
  border-style:solid;
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:row;
  padding-bottom:1rem;
  justify-content:flex-start;
  grid-template-rows:auto;
  grid-template-columns:2rem 1fr 20px;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
  }
      

      
  .bunldU:hover {
    color:var(--Accent1);
  background:#ed734433;
  border-color:var(--bg-weak);
  border-style:solid;
  border-width:1px;
  }
      


  .bunldU.selected {
    color:#ffffff;
  background:var(--Accent1);
  border-color:var(--stroke-strong);
  border-style:solid;
  border-width:1px;
  }
      


  .bunldU.selected:hover {
    background:var(--Accent1);
  }
      

        
      
      
  .dyVVgt {
    font-size:var(--label-m);
  font-style:normal;
  font-family:Geist;
  font-weight:var(--medium);
  line-height:20px;
  font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
  /* 142.857% */
letter-spacing:-0.084px;
  }
      

      
        
      
      
  .PHZGu {
    gap:4px;
  flex:1 0 0;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  }
      

      
        
      
      
  .czxNKV {
    width:20px;
  height:20px;
  display:flex;
  align-items:center;
  padding-top:2px;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:2px;
  justify-content:center;
  }
      

      
        
      
      
  .cUFVkI {
    color:#ffffff;
  width:40px;
  height:40px;
  display:flex;
  background:var(--Accent1);
  align-items:center;
  justify-content:center;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
  .cUFVkI.selected {
    color:var(--Accent1);
  background:#ffffff;
  }
      

        
      
      
  .eRFbIV {
    width:13px;
  height:13px;
  display:flex;
  background: var(--bg-white);
  transition:all 400ms ease-in-out  ;
  align-items:center;
  justify-content:center;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
  .eRFbIV.selected {
    width:8px;
  height:8px;
  }
      

        
      
      
  
      

      
        
      
      
  .bZgVzd {
    color:var(--Accent5);
  width:100%;
  row-gap:4px;
  font-size:0.9rem;
  column-gap:4px;
  font-weight:var(--font-weight-lighter);
  flex-direction:row;
  }
      

      
        
      
      
  .bXwVGV {
    width:600px;
  bottom:3rem;
  display:flex;
  row-gap:1rem;
  position:absolute;
  column-gap:1rem;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .cOmqEd {
    flex:1;
  width:100%;
  display:flex;
  row-gap:24px;
  column-gap:24px;
  align-items:center;
  padding-top:24px;
  padding-bottom:24px;
  justify-content:center;
  }
      

      
        
      
      
  .bTtayD {
    gap:18px;
  color:var(--Accent4);
  width:100%;
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:#ffffff21;
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  overflow-x:hidden;
  overflow-y:hidden;
  transition:all 500ms ease;
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(5px);
  justify-content:center;
  }
      

      
        
      
      
  .exSNsI {
    width:100%;
  row-gap:var(--gap);
  column-gap:var(--gap);
  }
      

      
        
      
      
  .dIUGiO {
    width:100%;
  display:flex;
  row-gap:8px;
  background:white;
  column-gap:8px;
  overflow-y:hidden;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fzGaic {
    color:var(--Accent1);
  font-size:1.25rem;
  font-family:Geist;
  font-weight:500;
  }
      

      
        
      
      
  .blXCNw {
    flex:1;
  width:100%;
  display:flex;
  row-gap:24px;
  column-gap:24px;
  align-items:center;
  padding-top:24px;
  padding-bottom:3rem;
  justify-content:center;
  }
      

      
        
      
      
  .bcMpLb {
    font-size:14px;
  transition:all 300ms ease;
  font-family:Geist;
  font-weight:600;
  }
      

      
        
      
      
  .cqpJsI {
    width:100%;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .cFSWHE {
    width:100%;
  max-width:500px;
  }
      

      
        
      
      
  .rOoUE {
    flex:1;
  color:var(--Accent1);
  width:100%;
  font-size:1.5rem;
  font-weight:500;
  }
      

      
        
      
      
  .foYTSL {
    height:20px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  .evqgMi {
    gap:18px;
  flex:1;
  color:var(--Accent3);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:white;
  transition:all 300ms ease;
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#472e1026;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .evqgMi:hover {
    gap:18px;
  flex:1;
  color:var(--Accent3);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  transition:all 300ms ease;
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:var(--Accent3);
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

        
      
      
  .eojsjB {
    z-index:999;
  position:relative;
  font-family:Geist;
  }
      

      
        
      
      
  .bCHlIW {
    color:var(--Accent1);
  width:100%;
  font-size:1.5rem;
  font-family:Geist;
  font-weight:500;
  }
      

      
        
      
      
  .nkpRQ {
    gap:18px;
  color:var(--Accent4);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  max-width:400px;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .nkpRQ:hover {
    gap:18px;
  color:var(--Accent4);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Accent1);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      


  .nkpRQ:active {
    animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
  }
      


  .nkpRQ.disabled {
    color:#472e1033;
  }
      

        
                  @keyframes animation-bKKrXZ {
                    
                        0% {
                          scale: 1 1;
                        }
                        

                        50% {
                          scale: 1.1 1.1;
                        }
                        

                        100% {
                          scale: 1 1;
                        }
                        
                  }
                  
      
      
  .eSPxPi {
    color:var(--Accent4);
  height:20px;
  display:flex;
  align-items:flex-start;
  font-family:Geist;
  justify-content:center;
  }
      

      
        
      
      
  .cbPQbC {
    gap:18px;
  color:var(--Accent3);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:0.1s ease 0ms 3 normal none running animation-dIfxKc;
  max-width:400px;
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .cbPQbC:hover {
    gap:18px;
  color:var(--Accent1);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  align-items:center;
  font-weight:var(--font-weight-normal);
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      


  .cbPQbC:active {
    animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
  }
      

        
      
      
  .dwEnvO {
    width:100%;
  height:100%;
  display:flex;
  max-width:800px;
  align-items:center;
  padding-top:3rem;
  padding-bottom:3rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .bRYMUW {
    flex:1;
  width:100%;
  display:flex;
  row-gap:var(--gap);
  column-gap:var(--gap);
  align-items:flex-end;
  padding-top:24px;
  flex-direction:row;
  padding-bottom:24px;
  justify-content:center;
  }
      

      
        
      
      
  .erTgM {
    gap:18px;
  flex:1;
  color:var(--Accent3);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:white;
  transition:all 300ms ease;
  align-items:center;
  font-family:Geist;
  font-weight:var(--font-weight-normal);
  border-color:#472e1026;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .erTgM:hover {
    gap:18px;
  flex:1;
  color:var(--Accent3);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  transition:all 300ms ease;
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:var(--Accent3);
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

        
      
      
  .zqnBJ {
    flex:1;
  width:100%;
  padding-left:4rem;
  padding-right:4rem;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fcBxoH {
    color:var(--Accent3);
  width:100%;
  row-gap:4px;
  font-size:1rem;
  column-gap:4px;
  font-weight:var(--font-weight-lighter);
  flex-direction:row;
  }
      

      
        
      
      
  .crCKWW {
    color:var(--Accent4);
  width:100%;
  cursor:pointer;
  display:flex;
  row-gap:12px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  font-size:14px;
  column-gap:12px;
  transition:all 300ms ease;
  align-items:center;
  font-family:Geist;
  font-weight:var(--font-weight-normal);
  padding-top:8px;
  border-color:#bfbfbf66;
  border-style:solid;
  border-width:1px;
  padding-left:32px;
  border-radius:8px;
  padding-right:32px;
  flex-direction:row;
  padding-bottom:8px;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .crCKWW:hover {
    color:#ffffff;
  background:var(--Accent1);
  }
      

        
      
      
  .dNchag {
    top:100%;
  left:50%;
  width:1px;
  height:18px;
  position:absolute;
  background:var(--Accent3);
  }
      

      
  .dNchag.completed {
    background:var(--Accent4);
  }
      

        
      
      
  .clFJhx {
    cursor:pointer;
  display:flex;
  row-gap:1rem;
  background:;
  column-gap:1rem;
  transition:all 500ms ease;
  align-items:flex-start;
  padding-top:1rem;
  border-color:#472e1026;
  border-style:solid;
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:column;
  padding-bottom:1rem;
  justify-content:flex-start;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
  .clFJhx:hover {
    background:var(--Accent4);
  }
      


  .clFJhx.selected {
    background:var(--Accent4);
  border-color:var(--Accent1);
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .bMfIWM {
    width:64px;
  height:64px;
  overflow-x:hidden;
  overflow-y:hidden;
  border-top-left-radius:0.875rem;
  border-top-right-radius:0.875rem;
  border-bottom-left-radius:0.875rem;
  border-bottom-right-radius:0.875rem;
  }
      

      
        
      
      
  .pcbes {
    color:var(--Accent5);
  font-size:14px;
  font-family:Geist;
  font-weight:500;
  line-height:20px;
  letter-spacing:-0.03750000149011612em;
  }
      

      
        
      
      
  .iWYjp {
    top:1rem;
  color:green;
  right:1rem;
  position:absolute;
  }
      

      
        
      
      
  .rltzo {
    flex:1;
  }
      

      
        
      
      
  .dbSvxs {
    color:var(--Accent3);
  font-size:16px;
  font-family:Geist;
  font-weight:500;
  line-height:24px;
  letter-spacing:-0.03750000149011612em;
  }
      

      
        
      
      
  .biezmH {
    width:100%;
  height:100%;
  object-fit:cover;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dgJkkO {
    width:100%;
  height:300px;
  display:flex;
  row-gap:1rem;
  column-gap:1rem;
  flex-direction:column;
  }
      

      
        
      
      
  .cinweE {
    row-gap:.5rem;
  background:var(--Accent4);
  column-gap:.5rem;
  padding-top:4px;
  border-color:#988a792b;
  border-style:solid;
  border-width:1px;
  padding-left:4px;
  padding-right:4px;
  flex-direction:column;
  padding-bottom:4px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .eYzgmt {
    gap:12px;
  width:100%;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .dUBDFn {
    background:var(--Accent4);
  padding-top:1rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:1rem;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
        
      
      
  .bZxUTh {
    display:flex;
  row-gap:4px;
  column-gap:4px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .cHBexq {
    color:var(--Accent3);
  width:100%;
  cursor:default;
  height:250px;
  display:flex;
  transition:all 300ms ease;
  align-items:center;
  border-color:var(--Accent4);
  border-style:Dashed;
  border-width:4px;
  flex-direction:row;
  justify-content:center;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
        
      
      
  .bIzoaj {
    color:var(--Accent5);
  font-size:14px;
  font-family:Geist;
  font-weight:var(--normal);
  }
      

      
        
      
      
  .chKVzp {
    color:var(--icon-sub);
  }
      

      
        
      
      
  .ekElxI {
    color:var(--Accent3);
  width:100%;
  cursor:pointer;
  height:250px;
  display:flex;
  background:white;
  transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  align-items:center;
  border-color:#472e103d;
  border-style:Dashed;
  border-width:1px;
  flex-direction:row;
  justify-content:space-between;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
  .ekElxI:hover {
    background:var(--Accent4);
  }
      

        
      
      
  .fpJTKH {
    color:var(--text-strong);
  font-size:14px;
  font-family:Geist;
  font-weight:var(--normal);
  }
      

      
        
      
      
  .JvZIa {
    display:none;
  }
      

      
        
      
      
  .new-project-wizard\:9Q3MVCWDO_r2xtnJf1hnI {
    font-family:Geist;
  }
      

      
        
      
      
  .dLtuwH {
    width:100%;
  flex-direction:row;
  }
      

      
        
      
      
  .dlMlcK {
    row-gap:4px;
  column-gap:4px;
  flex-direction:row;
  }
      

      
          @media (max-width: 500px) {
            
  .dlMlcK {
    flex-direction:column;
  }
      

          }
          
        
      
      
  .MExxn {
    gap:18px;
  color:var(--Accent4);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  max-width:400px;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .MExxn:hover {
    gap:18px;
  color:var(--Accent4);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Accent1);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      


  .MExxn:active {
    animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
  }
      

        
      
      
  .dpMOLC {
    flex:1;
  width:100%;
  display:flex;
  row-gap:var(--gap);
  column-gap:var(--gap);
  align-items:center;
  flex-direction:column;
  justify-content:flex-end;
  }
      

      
        
      
      
  .kzJVS {
    flex:1;
  color:var(--Accent1);
  width:100%;
  font-size:1.5rem;
  font-family:Geist;
  font-weight:500;
  }
      

      
        
      
      
  .evuYbR {
    gap:18px;
  color:var(--Accent4);
  width:40px;
  cursor:pointer;
  height:40px;
  display:flex;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Back);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
  .evuYbR:hover {
    color:var(--Accent4);
  width:40px;
  cursor:pointer;
  height:40px;
  display:flex;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Back);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      


  .evuYbR:active {
    animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
  }
      

        
      
      
  .XDpiF {
    flex:1;
  color:var(--Accent5);
  row-gap:8px;
  font-size:0.9rem;
  column-gap:8px;
  font-weight:var(--font-weight-lighter);
  flex-direction:column;
  }
      

      
        
      
      
  .dvUnHI {
    width:100%;
  display:flex;
  row-gap:8px;
  column-gap:8px;
  overflow-y:hidden;
  align-items:center;
  padding-top:12px;
  border-color:var(--Accent4);
  border-style:solid;
  border-width:2px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:row;
  padding-bottom:12px;
  justify-content:flex-start;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .cFMuZz {
    width:100%;
  bottom:3rem;
  display:flex;
  row-gap:1rem;
  position:absolute;
  column-gap:1rem;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .ctETsr {
    width:auto;
  height:auto;
  max-height:250px;
  overflow-x:clip;
  overflow-y:clip;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
        
      
      
  .dcuqrC {
    color:var(--Accent4);
  height:20px;
  display:flex;
  row-gap:18px;
  column-gap:18px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .eaVgYA {
    width:100%;
  position:relative;
  flex-direction:row;
  }
      

      
        
      
      
  .cMgmkW {
    gap:18px;
  color:var(--Accent4);
  width:40px;
  height:40px;
  display:flex;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--forward);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
  .cMgmkW:hover {
    color:var(--Accent4);
  width:40px;
  cursor:pointer;
  height:40px;
  display:flex;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--forward);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      


  .cMgmkW:active {
    animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
  }
      

        
      
      
  .cLAKWx {
    height:20px;
  display:flex;
  align-items:flex-start;
  font-family:Geist;
  justify-content:center;
  }
      

      
        
      
      
  .cTRAmi {
    height:100%;
  background:white;
  overflow-y:hidden;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
        
      
      
  .ctGXSN {
    width:100%;
  bottom:3rem;
  display:flex;
  row-gap:1rem;
  position:absolute;
  max-width:600px;
  column-gap:1rem;
  align-items:center;
  padding-left:1rem;
  padding-right:1rem;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .cXlxPi {
    flex:1;
  color:var(--Accent3);
  height:40px;
  font-size:1.5rem;
  font-weight:var(--font-weight-normal);
  text-overflow:ellipsis;
  }
      

      
  .cXlxPi::placeholder {
    color:#bfbfbf;
  }
      

        
      
      
  .ertwNO {
    font-family:Geist;
  }
      

      
        
      
      
  .cXyXfZ {
    color:var(--Accent5);
  width:fit-content;
  cursor:pointer;
  display:flex;
  row-gap:4px;
  column-gap:4px;
  transition:all 300ms ease;
  align-items:center;
  flex-direction:row;
  justify-content:flex-end;
  }
      

      
  .cXyXfZ:hover {
    color:var(--Accent1);
  }
      

        
      
      
  .eHFWkH {
    flex:1;
  width:100%;
  height:100%;
  display:flex;
  row-gap:24px;
  column-gap:24px;
  align-items:center;
  padding-top:3rem;
  padding-bottom:3rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .cPfDeL {
    width:100%;
  height:100%;
  row-gap:1REM;
  background:white;
  column-gap:1REM;
  padding-top:1REM;
  padding-left:1REM;
  padding-right:1REM;
  padding-bottom:1REM;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
        
      
      
  .bbebuJ {
    color:var(--Accent5);
  font-size:1rem;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .fqfTjr {
    flex:1;
  width:100%;
  display:flex;
  row-gap:2rem;
  max-width:500px;
  background:var(--Accent4);
  box-shadow:4px 4px 0px 0px #472e108f;
  column-gap:2rem;
  align-items:center;
  justify-content:space-between;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
        
      
      
  .feyrub {
    top:18px;
  left:12px;
  color:var(--Accent3);
  width:fit-content;
  z-index:99;
  position:absolute;
  font-size:1.5rem;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .LbtND {
    flex:1;
  color:var(--Accent3);
  height:56px;
  font-size:1rem;
  transition:all 300ms ease;
  font-family:Geist;
  font-weight:var(--font-weight-normal);
  border-color:#472e1030;
  border-style:solid;
  border-width:2px;
  padding-left:12px;
  padding-right:12px;
  text-overflow:ellipsis;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .LbtND::placeholder {
    color:#bfbfbf;
  }
      


  .LbtND:focus {
    border-color:var(--Accent1);
  border-style:solid;
  border-width:2px;
  }
      

        
      
      
  .dnCtGM {
    width:100%;
  display:flex;
  align-items:flex-start;
  padding-left:24px;
  padding-right:24px;
  justify-content:flex-start;
  }
      

      
        
      
      
  .bVITZE {
    color:var(--Accent3);
  font-size:1rem;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .dkzyVz {
    color:var(--Accent5);
  width:100%;
  row-gap:8px;
  font-size:0.9rem;
  column-gap:8px;
  font-weight:var(--font-weight-lighter);
  flex-direction:column;
  }
      

      
        
      
      
  .egIvSf {
    color:var(--Accent3);
  width:100%;
  cursor:pointer;
  display:flex;
  row-gap:.5rem;
  font-size:14px;
  column-gap:.5rem;
  transition:all 300ms ease;
  align-items:center;
  font-family:Inter;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
  .egIvSf.active {
    color:var(--Accent4);
  }
      


  .egIvSf:hover {
    color:var(--Accent4);
  }
      


  .egIvSf.completed {
    color:var(--Accent4);
  }
      

        
      
      
  
      

      
        
      
      
  .ckzqVE {
    color:#ffffff;
  animation:;
  }
      

      
        
      
      
  .fjmxvg {
    gap:16px;
  width:100%;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  }
      

      
          @media (max-width: 1240px) {
            
  .fjmxvg {
    gap:16px;
  width:100%;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  }
      

          }
          

          @media (max-width: 900px) {
            
  .fjmxvg {
    gap:16px;
  width:100%;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  }
      

          }
          

          @media (max-width: 600px) {
            
  .fjmxvg {
    gap:16px;
  width:100%;
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  }
      

          }
          
        
      
      
  
      

      
        
      
      
  .dFhtdU {
    flex:1;
  width:100%;
  overflow:hidden;
  background:white;
  max-height:500px;
  aspect-ratio:16/9;
  border-radius:20px;
  }
      

      
        
      
      
  .chuMZX {
    height:100%;
  display:flex;
  transition:transform 0.5s ease-in-out;
  flex-direction:row;
  }
      

      
        
      
      
  .dYcjbb {
    height:100%;
  position:relative;
  min-width:100%;
  }
      

      
        
      
      
  .cdlqXu {
    left:0px;
  right:0px;
  bottom:0px;
  display:flex;
  position:absolute;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .cJRZBm {
    height:100%;
  overflow:hidden;
  position:relative;
  }
      

      
        
      
      
  .ebdYTy {
    top:50%;
  left:20px;
  color:#333;
  width:40px;
  border:none;
  cursor:pointer;
  height:40px;
  display:flex;
  z-index:10;
  position:absolute;
  font-size:18px;
  transform:translateY(-50%);
  background:rgba(255, 255, 255, 0.9);
  transition:all 0.3s ease;
  align-items:center;
  border-radius:50%;
  justify-content:center;
  }
      

      
  .ebdYTy:hover {
    transform:translateY(-50%) scale(1.1);
  background:white;
  box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);
  }
      

        
      
      
  .TSknv {
    top:50%;
  color:#333;
  right:20px;
  width:40px;
  border:none;
  cursor:pointer;
  height:40px;
  display:flex;
  position:absolute;
  font-size:18px;
  transform:translateY(-50%);
  background:rgba(255, 255, 255, 0.9);
  transition:all 0.3s ease;
  align-items:center;
  border-radius:50%;
  justify-content:center;
  }
      

      
  .TSknv:hover {
    transform:translateY(-50%) scale(1.1);
  background:white;
  box-shadow:0 5px 15px rgba(0, 0, 0, 0.3);
  }
      

        
      
      
  .new-project-wizard\:QQOPg21wQipBNfzrZ8TRG {
    width:100%;
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem;
  border-bottom-left-radius:.5rem;
  border-bottom-right-radius:.5rem;
  }
      

      
        
      
      
  .eqBdGd {
    width:100%;
  height:100%;
  display:flex;
  row-gap:1REM;
  background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/sesame_ui:login-bg-img.webp/full") no-repeat no-repeat center center / cover #e5a9a9;
  column-gap:1REM;
  align-items:center;
  padding-top:3rem;
  padding-left:2rem;
  padding-right:2rem;
  flex-direction:column;
  padding-bottom:3rem;
  justify-content:space-between;
  }
      

      
        
      
      
  .bOGQYv {
    gap:18px;
  color:var(--Accent3);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  max-width:400px;
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .bOGQYv:hover {
    gap:18px;
  color:var(--Accent4);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      


  .bOGQYv:active {
    animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
  }
      

        
      
      
  .dzgHJh {
    width:100%;
  cursor:default;
  }
      

      
        
      
      
  .dJphGw {
    color:var(--Accent3);
  width:100%;
  height:250px;
  display:flex;
  align-items:center;
  border-color:var(--Accent4);
  border-style:Dashed;
  border-width:4px;
  flex-direction:row;
  justify-content:space-between;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
  .dJphGw:hover {
    color:var(--Accent3);
  cursor:pointer;
  background:var(--Accent4);
  border-color:var(--Accent5);
  border-style:Dashed;
  border-width:4px;
  }
      

        
      
      
  .biXWjV {
    width:100%;
  row-gap:var(--gap);
  column-gap:var(--gap);
  padding-top:24px;
  flex-direction:column;
  padding-bottom:24px;
  }
      

      
        
      
      
  .cQNlVM {
    display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .LQtkd {
    gap:18px;
  flex:1;
  color:var(--Accent4);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  transition:all 300ms ease;
  align-items:center;
  font-family:Geist;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .LQtkd:hover {
    background:var(--Accent1);
  }
      

        
      
      
  .bLBwEa {
    gap:6px;
  width:100%;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .eeZZfr {
    flex:1;
  height:6px;
  background:#D9D9D9;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
  .eeZZfr.active {
    background:#f08b64;
  }
      

        
      
      
  
      

      
        
      
      
  .fkPIgl {
    width:100%;
  display:flex;
  row-gap:24px;
  max-width:800px;
  column-gap:24px;
  align-items:center;
  padding-top:3rem;
  padding-bottom:3rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .new-project-wizard\:TNu70dHu0nHb5ERMEpuHq {
    font-family:Geist;
  }
      

      
        
      
      
  .bTfRKo {
    height:230px;
  }
      

      
        
      
      
  .dSaSDg {
    flex:1;
  width:100%;
  row-gap:var(--gap);
  column-gap:var(--gap);
  }
      

      
        
      
      
  .cwEBDW {
    flex:1;
  width:100%;
  display:flex;
  row-gap:var(--gap);
  column-gap:var(--gap);
  align-items:center;
  padding-top:24px;
  flex-direction:column;
  padding-bottom:24px;
  justify-content:flex-end;
  }
      

      
        
      
      
  .new-project-wizard\:Vc0oGChcEsr2wfCbpga7_ {
    border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cyhfrJ {
    width:100%;
  height:100%;
  display:flex;
  background:var(--Accent4);
  align-items:center;
  padding-top:6px;
  padding-left:6px;
  padding-right:6px;
  padding-bottom:6px;
  justify-content:center;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
        
      
      
  .cxvHBM {
    flex:1;
  width:100%;
  row-gap:12px;
  column-gap:12px;
  padding-top:24px;
  padding-bottom:24px;
  }
      

      
        
      
      
  .new-project-wizard\:X_m7fI6JuWcYhmJO2TCdm {
    color:var(--Accent4);
  width:20px;
  height:20px;
  rotate:0 0 1 90deg;
  }
      

      
        
      
      
  .fFfxPt {
    flex:1;
  color:var(--Accent3);
  width:fit-content;
  height:40px;
  font-size:1.5rem;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .cgcNcw {
    align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .oJaYZ {
    font-size:2rem;
  }
      

      
        
      
      
  .dwQGvA {
    width:600px;
  bottom:3rem;
  display:flex;
  row-gap:1rem;
  z-index:99;
  position:absolute;
  column-gap:1rem;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dUMso {
    width:100%;
  height:100%;
  background:var(--Accent4);
  transition:all 300ms ease;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
        
      
      
  .eHVTQe {
    width:100%;
  display:flex;
  row-gap:24px;
  column-gap:24px;
  align-items:center;
  padding-top:24px;
  padding-bottom:24px;
  justify-content:flex-start;
  }
      

      
        
      
      
  .bsPMBQ {
    width:100%;
  row-gap:2rem;
  column-gap:2rem;
  }
      

      
        
      
      
  .eehIEc {
    color:var(--Accent1);
  width:100%;
  font-size:1.5rem;
  font-weight:500;
  }
      

      
        
      
      
  .fpzsJt {
    width:100%;
  row-gap:1rem;
  max-width:600px;
  background:white;
  column-gap:1rem;
  padding-top:1rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:1rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .new-project-wizard\:cil4TMVfyT4FGDAoDC8l2 {
    gap:18px;
  color:var(--Accent3);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:;
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:var(--Accent3);
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .new-project-wizard\:cil4TMVfyT4FGDAoDC8l2.pressed {
    gap:18px;
  color:var(--Accent4);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.2s ease 0ms 3 normal none running animation-bKKrXZ;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      


  .new-project-wizard\:cil4TMVfyT4FGDAoDC8l2:active {
    animation:0.5s ease 0ms 3 normal none running animation-bKKrXZ;
  }
      


  .new-project-wizard\:cil4TMVfyT4FGDAoDC8l2:hover {
    gap:18px;
  color:var(--Accent4);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

        
      
      
  .new-project-wizard\:dAKTTuR35-oUY9BFzx2VW {
    overflow-x:hidden;
  overflow-y:hidden;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
        
      
      
  .fDJegg {
    font-size:14px;
  text-align:center;
  }
      

      
        
      
      
  .cDEcwG {
    color:var(--Accent3);
  width:100%;
  height:64px;
  z-index:99;
  position:absolute;
  font-size:1rem;
  background:white;
  font-family:Geist;
  font-weight:var(--font-weight-normal);
  padding-top:12px;
  border-color:#472e1033;
  border-style:solid;
  border-width:1px;
  padding-left:40px;
  padding-right:1rem;
  text-overflow:ellipsis;
  padding-bottom:12px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .cDEcwG::placeholder {
    color:var(--Accent5);
  }
      


  .cDEcwG:focus {
    border-color:var(--Accent1);
  border-style:solid;
  border-width:2px;
  }
      

        
      
      
  .new-project-wizard\:dtpu2V-ukRMU9tcmxHc-X {
    gap:18px;
  color:var(--Accent3);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:;
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:var(--Accent3);
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .new-project-wizard\:dtpu2V-ukRMU9tcmxHc-X.pressed {
    gap:18px;
  color:var(--Accent4);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.2s ease 0ms 3 normal none running animation-bKKrXZ;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      


  .new-project-wizard\:dtpu2V-ukRMU9tcmxHc-X:active {
    animation:0.5s ease 0ms 3 normal none running animation-bKKrXZ;
  }
      


  .new-project-wizard\:dtpu2V-ukRMU9tcmxHc-X:hover {
    gap:18px;
  color:var(--Accent4);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

        
      
      
  .dgIQnr {
    height:20px;
  display:flex;
  row-gap:18px;
  column-gap:18px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .eAumYk {
    flex:1;
  width:100%;
  row-gap:24px;
  column-gap:24px;
  padding-top:24px;
  padding-bottom:24px;
  }
      

      
        
      
      
  .bwJMoc {
    color:var(--Accent1);
  width:100%;
  font-size:2rem;
  font-weight:var(--font-weight-light);
  padding-top:24px;
  padding-bottom:24px;
  }
      

      
        
      
      
  .fCvQdw {
    width:100%;
  height:100%;
  display:flex;
  row-gap:24px;
  max-width:600px;
  column-gap:24px;
  align-items:center;
  padding-top:3rem;
  padding-bottom:3rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .new-project-wizard\:hAYaH3UBn7ZC53WUEgJWK {
    color:var(--Accent4);
  width:20px;
  height:20px;
  rotate:0 0 1 -90deg;
  }
      

      
        
      
      
  .ukZsI {
    width:100%;
  height:100%;
  display:flex;
  row-gap:24px;
  background:white;
  column-gap:24px;
  overflow-x:scroll;
  align-items:center;
  padding-top:60px;
  padding-left:60px;
  padding-right:60px;
  padding-bottom:60px;
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
          @media (max-width: 550px) {
            
  .ukZsI {
    padding-left:10px;
  padding-right:10px;
  }
      

          }
          
        
      
      
  .cLITBp {
    flex:0;
  width:100%;
  display:flex;
  row-gap:var(--gap);
  column-gap:var(--gap);
  align-items:center;
  padding-top:24px;
  flex-direction:column;
  padding-bottom:24px;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .colRAi {
    flex:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  }
      

      
        
      
      
  .cicAkL {
    width:100%;
  height:100%;
  display:none;
  row-gap:24px;
  max-width:600px;
  column-gap:24px;
  align-items:center;
  padding-top:3rem;
  padding-bottom:3rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bTpkyF {
    flex:1;
  width:100%;
  display:flex;
  row-gap:24px;
  column-gap:24px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .bTQXiY {
    color:var(--Accent1);
  }
      

      
        
      
      
  .new-project-wizard\:kM83v5DSykEq4AiKZeqbl {
    overflow-x:hidden;
  overflow-y:hidden;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
        
      
      
  .fdszVS {
    width:100%;
  height:100%;
  display:none;
  background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/sesame_ui:login-bg-img.webp/full") scroll padding-box border-box no-repeat no-repeat center center / cover;
  align-items:center;
  justify-content:flex-start;
  }
      

      
        
      
      
  .new-project-wizard\:lLQRLrfNWlTa4mC84_6SW {
    gap:18px;
  color:var(--Accent3);
  width:100%;
  cursor:pointer;
  height:60px;
  display:flex;
  padding:14px 32px;
  animation:;
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:var(--Accent3);
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

      
  .new-project-wizard\:lLQRLrfNWlTa4mC84_6SW.pressed {
    gap:18px;
  color:var(--Accent4);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.2s ease 0ms 3 normal none running animation-bKKrXZ;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      


  .new-project-wizard\:lLQRLrfNWlTa4mC84_6SW:active {
    animation:0.5s ease 0ms 3 normal none running animation-bKKrXZ;
  }
      


  .new-project-wizard\:lLQRLrfNWlTa4mC84_6SW:hover {
    gap:18px;
  color:var(--Accent4);
  cursor:pointer;
  display:flex;
  padding:14px 32px;
  animation:0.5s ease 0ms 1 normal none running animation-dIfxKc;
  background:var(--Accent3);
  box-shadow:0px 2px 4px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.10), 0px 0px 1px 0 rgb(0.1882352977991104, 0.1921568661928177, 0.20000000298023224, 0.05);
  align-items:center;
  font-weight:var(--font-weight-normal);
  border-color:#ffffff26;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  flex-direction:row;
  backdrop-filter:blur(2px);
  justify-content:center;
  }
      

        
      
      
  .bRUvcp {
    display:flex;
  max-width:800px;
  background:var(--Accent4);
  align-items:center;
  padding-top:6px;
  padding-left:6px;
  padding-right:6px;
  padding-bottom:6px;
  justify-content:center;
  border-top-left-radius:var(--borderRadius);
  border-top-right-radius:var(--borderRadius);
  border-bottom-left-radius:var(--borderRadius);
  border-bottom-right-radius:var(--borderRadius);
  }
      

      
        
      
      
  .new-project-wizard\:lXTLy7B4LkIl38p3-sp3b {
    width:100%;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .dYURNg {
    flex:1;
  height:100%;
  background:var(--Accent1);
  padding-top:1rem;
  padding-left:0rem;
  padding-right:1rem;
  padding-bottom:1rem;
  }
      

      
        
      
      
  .cjlVel {
    width:100%;
  height:100%;
  display:flex;
  row-gap:24px;
  column-gap:24px;
  align-items:flex-start;
  justify-content:space-between;
  }
      

      
        
      
      
  .fytTGd {
    width:100%;
  height:fit-content;
  background:white;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
        
      
      
  .dCmUC {
    width:100%;
  height:fit-content;
  background:white;
  padding-top:1rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-bottom:1rem;
  border-top-left-radius:1rem;
  border-top-right-radius:1rem;
  border-bottom-left-radius:1rem;
  border-bottom-right-radius:1rem;
  }
      

      
        
      
      
  .QVNRb {
    top:0px;
  left:-1rem;
  width:0%;
  bottom:0px;
  position:absolute;
  transition:all 600ms cubic-bezier(0.42, 0, 0.58, 1);
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .QVNRb.hover {
    top:0px;
  left:-1rem;
  width:106.5%;
  bottom:0px;
  position:absolute;
  background:var(--Accent1);
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

        
      
      
  .boIFRb {
    flex:2;
  width:100%;
  padding-top:24px;
  padding-bottom:24px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cxJZyI {
    width:100%;
  height:100%;
  display:flex;
  max-width:600px;
  align-items:center;
  padding-top:3rem;
  padding-bottom:3rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .new-project-wizard\:r7Wn4tX8X_vFFbDR9eo1T {
    width:100%;
  }
      

      
        
      
      
  .cJgOAJ {
    width:100%;
  height:100%;
  display:none;
  background:var(--Accent4);
  padding-top:6px;
  padding-left:6px;
  padding-right:6px;
  padding-bottom:6px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .bVVsSp {
    row-gap:var(--gap);
  column-gap:var(--gap);
  flex-direction:row;
  }
      

      
        
      
      
  .dETuwj {
    row-gap:4px;
  column-gap:4px;
  flex-direction:row;
  }
      

      
        
      
      
  .byJGvr {
    display:flex;
  align-items:start;
  }
      

      
        
      
      
  .new-project-wizard\:upRmAcE58sxjHcUNSOv9h {
    width:100%;
  font-family:DM Sans;
  font-weight:var(--medium);
  }
      

      
        
      
      
  .cERwDR {
    flex:1;
  left:0px;
  right:0px;
  width:100%;
  display:flex;
  row-gap:2rem;
  z-index:99;
  position:relative;
  column-gap:2rem;
  align-items:center;
  justify-content:flex-start;
  }
      

      
        
      
      
  .RGnAk {
    width:100%;
  display:flex;
  row-gap:1rem;
  column-gap:1rem;
  flex-direction:column;
  }
      

      
        
      
      
  .cxogNp {
    flex:2;
  width:100%;
  display:flex;
  row-gap:24px;
  column-gap:24px;
  align-items:flex-start;
  justify-content:space-between;
  }
      

      
        
      
      
  .bPeGaq {
    flex:1;
  width:100%;
  display:flex;
  row-gap:24px;
  column-gap:24px;
  align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  .new-project-wizard\:y36X61x4OIBowrlOygaod {
    border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .ehyFUm {
    width:100%;
  height:100%;
  display:flex;
  row-gap:var(--gap);
  column-gap:var(--gap);
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .APmXC {
    top:3rem;
  left:0px;
  right:0px;
  display:flex;
  z-index:99;
  position:absolute;
  align-items:center;
  justify-content:flex-start;
  }